<template>
    <div class="home">
        <div class="home-title">{{$t("m.home")}}</div>
        <div class="home-content">
          <home-one></home-one>
          <div style="background: #f3f3f4;height: 40px"></div>
          <home-two></home-two>
        </div>
    </div>
</template>
<script>
import homeTwo from './homeTwo'
import homeOne from './homeOne'

export default {
    components:{
        homeTwo,
        homeOne
    },
    data() {
        return {

        }
    },

    methods:{

    }
}
</script>
<style lang="less" scoped>
.home{
    padding-bottom: 40px;
    .home-title{
        color: #000000;
        opacity: 0.6;
        font-size: 30px;
        padding: 25px 0;
    }
    &-content{
        background: #fff;
        min-height: 300px;
        padding-bottom: 20px;
        .home-top-title{
            display: flex;
            align-items: center;
            padding: 30px;
            img{
                width: 34px;
                height: 34px;
            }
            div{
                font-size: 24px;
                padding-left: 8px;
            }
        }
    }
}
.table{
    .wallet{
        display: flex;
        align-items: center;
        img{
            width: 28px;
            height: 28px; 
            margin-right: 5px;
        }
    }
    .asset{
        div{
            span{
              color: #c5c7cb;  
            }
        }
    }
    .hand-wallet{
        display: flex;
        justify-content: center;
        padding-top: 30px;
        div{
            width: 540px;
            height: 70px;
            margin-right: 15px;
            // opacity: 0.56;
            border-radius: 4px;
            border: dashed 1px #979797;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            color: #98889b;
            cursor: pointer;
        }
        div:last-child{
            margin-right: 0;
        }
    }
}
</style>
<style lang='less'>
.table{
    .el-table__body-wrapper{
        tr{
            height:135px!important;
        }
    }
  .el-table__body-wrapper tr{
    cursor: pointer;
  }
}
</style>


